<template>
  <div style="background: #f5f5f5;">
    <pageTop :text="text"></pageTop>
    <div @click="blank">
      <slideBar></slideBar>
      <div>
        <newsList :news="news"></newsList>
      </div>

      <gotop></gotop>
    </div>
    <pageBottom></pageBottom>
  </div>
</template>

<script>
  import pageTop from '../components/pageTop'
  import slideBar from '../components/slideBar'
  import gotop from '../components/public/goTop'
  import newsList from '../components/newsList'
  import pageBottom from '../components/pageBottom'
  export default {
    name: "news",
    components:{
      pageTop,
      slideBar,
      gotop,
      newsList,
      pageBottom
    },
    data(){
      return{
        text:'新闻中心',
        news:[
          {newsText:'山西平陆选手吃鸡获得王思聪的大力赞助，并将其签约旗下战队',},
          {newsText:'山西平陆选手吃鸡获得王思聪的大力赞助，并将其签约旗下战队',}
        ]

      }
    },
    methods:{
      blank(){
        $("#containers").css(
          {"transform":"translateX(0vw)","transition":"transform .5s"});
      },
      menu(){
        $("#containers").css(
          {"transform":"translateX(72vw)","transition":"transform .5s"});
      }
    },

  }
</script>

<style scoped>

</style>
